<template>
  <div>
    <headers ></headers>
    <div>
      <router-link to="/app">Go to Foo</router-link>
      <router-link to="/login">Go to Bar</router-link>
      <router-link to="/login/l2?a=1123a">Go to Bar2</router-link>
      <router-view></router-view>


    </div>
          <!-- <notification content='test'></notification> -->

<button @click="notify">notify</button>
    <footers></footers>
  </div>
</template>

<script>
import Footers from './layout/footers'
import Headers from './layout/headers'
// import Todo from './todo/todo'
export default {
  components: {
    Footers,
    Headers,
    // Todo
  },
  data () {
    return {
      text: 1
    }
  },
  methods: {
    notify () {
      this.$notify({
        content: 'test notify',
        btn: "ttest"
      })
    }
  },
  mounted () {

  }

}
</script>

<style>

</style>
